<template>
    <div>
        <button v-show="lShow">{{ left }}</button>
        navbar-{{ title }}
        <!-- navbar-{{ titleRe }} -->
        <button v-show="rShow">{{ right }}</button>
    </div>
</template>

<script>
export default {
    //props第一种写法
    // props:["title",'left','right','lShow','rShow'],

    // props第二种写法
    props:{
        title:String,
        left:[String,Number],
        right:{
            //必填
            required:true,
            //校验函数
            validator(val){
                return ['success','warning','danger'].includes(val)
            }
        },
        lShow:{
            required:true,
            type:Boolean
        },
        rShow:{
            type:Boolean,
            //设置未传值时的默认值
            default:true
        }
    }
    
}
</script>

<style>

</style>